<template>
  <div id="app">
    <h1>QQ 24 x 24</h1>
    <img v-for="img in qq['24x24'].imgs" :src="qq['24x24'].baseUrl + img">
    <h1>淘宝 32 x 32</h1>
    <img v-for="img in taobao['32x32'].imgs" :src="taobao['32x32'].baseUrl + img">
    <h1>淘宝 64 x 64</h1>
    <img v-for="img in taobao['64x64'].imgs" :src="taobao['64x64'].baseUrl + img">
    <h1>旺旺 48 x 48</h1>
    <img v-for="img in wangwang['48x48'].imgs" :src="wangwang['48x48'].baseUrl + img">
    <h1>钉钉 64 x 64</h1>
    <img v-for="img in dingding['64x64'].imgs" :src="dingding['64x64'].baseUrl + img">
    <h1>微博 36 x 36</h1>
    <img v-for="img in weibo['36x36'].imgs" :src="weibo['36x36'].baseUrl + img">
  </div>
</template>

<script>
import qq from './assets/qq.json'
import taobao from './assets/taobao.json'
import wangwang from './assets/wangwang.json'
import dingding from './assets/dingding.json'
import weibo from './assets/weibo.json'

export default {
  name: 'app',
  data () {
    return {
      qq,
      taobao,
      wangwang,
      dingding,
      weibo
    }
  }
}
</script>
